<template>
    <div class="movieDetail">
        <page-Title :showBack='true'>{{movieDetail.name}}</page-Title>
        <div class="movie-header">
            <div class="bg-last">
                <img :src="movieDetail.img" alt="">
                </div>
            <div class="bg-fliter"></div>
            <div class="detail">
                <div class="movie-img">
                <img :src="movieDetail.img" alt="">
                    </div>
                <ul class="movie-info">
                    <li class="name">{{movieDetail.name}}</li>
                    <li class="ename">{{movieDetail.ename}}</li>
                    <li v-if="movieDetail.globalReleased && movieDetail.score!==0" class="score">
                        <span>{{movieDetail.score}}</span></li>
                    <li style="font-size: 14px;color: #888" v-if="movieDetail.globalReleased && movieDetail.score==0">
                    暂无评分</li>
                    <li v-if="!movieDetail.globalReleased" class="score">
                        <span>{{movieDetail.wish}}</span> 想看</li>
                    <li class="cat">{{movieDetail.cat}}</li>
                    <li class="src">{{movieDetail.src}}/{{movieDetail.time}}分钟</li>
                    <li class="pub">{{movieDetail.pubDes}}</li>
                </ul>
                <div>
                    <span></span>
                    </div>
            </div>
        </div>  

    </div>
</template>

<script>
import axios from 'axios';

export default {
    data(){
        return{
            movieDetail: {},
            // btnType: true,
            // downBtnSrc,
            // upBtnSrc,
            // showPlayVD: false,
        }
    },
    created(){
        let id = this.$route.query.id;
        axios.post("/api/movie/selectMovieid" ,{id})
            .then(res => {
                this.movieDetail=res.data[0];
            });
    }
}
</script>

<style lang="scss"  scoped>
@import '../assets/css/movie-Deatil.scss';
</style>